body{
	
	width:100%;
	overflow:hidden;
	
}



.hide{ display:none;}

.page{
	width:100%;
	height:100%;
	position:absolute;
	font-size:100px;
	text-align:center;
}

.page .wrap{
	height:500px;
}

.page-1-1{ background:url(../images/new299/npic1.jpg) no-repeat;background-size:100% 100%;}
.page-2-1{ background:url(../images/new299/npic2.jpg) no-repeat;background-size:100% 100%;}
.page-3-1{ background-color:#FFF;}
.page-4-1{ background-color:#FFF;}
.page-4-2{ background-color:#FFF;}
.page-4-3{ background-color:#FFF;}
.page-5-1{ background-color:#FFF;}
.page-6-1{ background-color:#FFF;}
.page-7-1{ background-color:#FFF;}
.page-8-1{ background-color:#FFF;}

.page-current{
	z-index:1;
}

.page-1-1 .img_4 ,.page-2-1 .img_4,.page-3-1 .img_5 ,.page-4-1 img_6,.page-4-2 img_6,.page-4-3 img_6 ,.page-5-1 .img_4,.page-6-1 .img_3,.page-7-1 .img_3{
	height:auto;width:25px;
	position:absolute;
	left:50%;
	top:93%;
	margin-left:-12px;
 	background:url(../images/new299/next.png) no-repeat;
    background-size:100% auto;
    height:1.8rem;
    display:block;
}

.page-1-1 .img_1 {
	height:auto;width:272px;
	position:absolute;
	left:50%;
	top:1%;
	margin-left:-124px;
    background:url(../images/new299/pic1_1.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
 
}
.page-1-1 .img_2 {
	height:auto;width:375px;
	position:absolute;
	left:24%;
	top:48%;
	margin-left:-92px;
 background:url(../images/new299/pic1-2.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-1-1 .img_3 img {
	height:auto;width:254px;
	position:absolute;
	left:40%;
	top:76%;
	margin-left:-92px;
 /*background:url(../images/new299/pic1_1.png) no-repeat;
    background-size:100% auto;*/
    display:block;
}

.page-2-1 .img_1 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:2%;
	z-index:2;
 background:url(../images/new299/pic2_1.png) no-repeat;
    background-size:100% auto;
    height:80%;
    display:block;
}
.page-2-1 .img_2 {
	height:auto;width:80%;
	position:absolute;
	left:10%;
	top:6%;
 	z-index:3;
  background:url(../images/new299/pic2_2.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-2-1 .img_3{
	height:auto;width:80%;
	position:absolute;
	left:10%;
	top:40%;
	z-index:4;
 background:url(../images/new299/pic2_3.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-3-1 .img_1 {
	height:auto;width:90%;
	position:absolute;
	left:5%;
	top:2%;
	z-index:2;
 background:url(../images/new299/pic3_1.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-3-1 .img_2_1 {
	height:auto;width:90%;
	position:absolute;
	left:5%;
	top:14%;
 background:url(../images/new299/pic3_2_1.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-3-1 .img_2_2 {
	height:auto;width:90%;
	position:absolute;
	left:5%;
	top:24%;
 background:url(../images/new299/pic3_2_2.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-3-1 .img_2_3 {
	height:auto;width:90%;
	position:absolute;
	left:5%;
	top:34%;
 background:url(../images/new299/pic3_2_3.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-3-1 .img_2_4 {
	height:auto;width:90%;
	position:absolute;
	left:5%;
	top:44%;
 background:url(../images/new299/pic3_2_4.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-3-1 .img_4 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	bottom:0%;
 background:url(../images/new299/pic3_4.png) no-repeat;
    background-size:100% auto;
    height:11.9rem;
    display:block;
}
.page-4-1 .img_1 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;
	z-index:1;
 background:url(../images/new299/pic4_1_1.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-1 .img_2 {
	height:auto;width:22%;
	position:absolute;
	left:70%;
	top:24%;
	z-index:2;
 background:url(../images/new299/pic4_1_2.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-1 .img_3 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:40%;
 background:url(../images/new299/pic4_1_3.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-1 .img_4 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:54%;
 background:url(../images/new299/pic4_1_4.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-1 .img_6_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:50%;
 	z-index:10;
   background:url(../images/new299/pic6-2_right.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-1 dl{
    height:auto;width:100%;
	position:absolute;
	left:0%;
	bottom:10%;
 	z-index:11;	 
    }
.page-4-1 ul{
	height:auto;width:18%;
 	z-index:12;	
  	margin:0 auto;
}
.page-4-1 ul li{
	height:auto;width:0.4rem;
 	height:0.4rem;
  	background:#d2cece;
    float:left;
    margin-right:0.5rem;
 	z-index:13;	
  	-webkit-border-radius:0.8rem;-moz-border-radius:0.8rem;border-radius:0.8rem;
}
.page-4-1 .gybg{background:#aaa4a4;-webkit-border-radius:0.8rem;-moz-border-radius:0.8rem;border-radius:0.8rem;}
.page-4-2 .img_1 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;
	z-index:1;
 background:url(../images/new299/pic4_2_1.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-2 .img_2 {
	height:auto;width:22%;
	position:absolute;
	left:70%;
	top:24%;
	z-index:2;
 background:url(../images/new299/pic4_2_2.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-2 .img_3 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:40%;
 background:url(../images/new299/pic4_1_3.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-2 .img_4 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:54%;
 background:url(../images/new299/pic4_2_4.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-2 .img_6 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:50%;
 	z-index:10;
  background:url(../images/new299/pic6_btn.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-2 dl{
    height:auto;width:100%;
	position:absolute;
	left:0%;
	bottom:10%;
 	z-index:11;	 
    }
.page-4-2 ul{
	height:auto;width:18%;
 	z-index:12;	
  	margin:0 auto;
}
.page-4-2 ul li{
	height:auto;width:0.4rem;
 	height:0.4rem;
  	background:#d2cece;
    float:left;
    margin-right:0.5rem;
 	z-index:11;	
  	-webkit-border-radius:0.8rem;-moz-border-radius:0.8rem;border-radius:0.8rem;
}
.page-4-2 .gybg{background:#aaa4a4;-webkit-border-radius:0.8rem;-moz-border-radius:0.8rem;border-radius:0.8rem;}
.page-4-3 .img_1 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;
	z-index:1;
 background:url(../images/new299/pic4_3_1.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-3 .img_2 {
	height:auto;width:22%;
	position:absolute;
	left:70%;
	top:24%;
	z-index:2;
 background:url(../images/new299/pic4_3_2.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-3 .img_3 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:40%;
  background:url(../images/new299/pic4_1_3.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-3 .img_4 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:54%;
 background:url(../images/new299/pic4_3_4.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-3 .img_6_1 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:50%;
 	z-index:10;
  background:url(../images/new299/pic6-1_left.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-4-3 dl{
    height:auto;width:100%;
	position:absolute;
	left:0%;
	bottom:10%;
 	z-index:11;	 
    }
.page-4-3 ul{
	height:auto;width:18%;
 	z-index:12;	
  	margin:0 auto;
}
.page-4-3 ul li{
	height:auto;width:0.4rem;
 	height:0.4rem;
  	background:#d2cece;
    float:left;
    margin-right:0.5rem;
 	z-index:13;	
  	-webkit-border-radius:0.8rem;-moz-border-radius:0.8rem;border-radius:0.8rem;
}
.page-4-3 .gybg{background:#aaa4a4;-webkit-border-radius:0.8rem;-moz-border-radius:0.8rem;border-radius:0.8rem;}

.page-5-1 .img_1 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;
 background:url(../images/new299/pic5_1.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-5-1 .img_2 {
	height:auto;width:7%;
	position:absolute;
	left:12%;
	top:39%;
 background:url(../images/new299/pic5_2.png) no-repeat;
    background-size:100% auto;
    height:19rem;
    display:block;
}
.page-5-1 .img_3 {
	height:auto;width:70%;
	position:absolute;
	left:24%;
	top:42%;
 background:url(../images/new299/pic5_3.png) no-repeat;
    background-size:100% auto;
    height:19rem;
    display:block;
}

.page-6-1 .img_1 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;
 background:url(../images/new299/pic6_1.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-6-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:38%;
 background:url(../images/new299/pic6-2.png) no-repeat;
    background-size:100% auto;
    height:19rem;
    display:block;
}
.page-7-1 .img_1 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;
 background:url(../images/new299/pic7_1.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-7-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:54%;
 background:url(../images/new299/pic7_2.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}
.page-8-1 .img_1 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;
 background:url(../images/new299/pic8_1.png) no-repeat;
    background-size:100% auto;
    height:16rem;
    display:block;
}

.page-8-1 a{ position:absolute; bottom:0; left:0; height:2rem; width: 100%; text-align: center; font-size: 1rem; color: #fff; line-height: 2rem; background:#50d2c2; cursor: pointer;display:block;display:none;}
.page-8-1 a span{font-size: 0.8rem;}
.page-8-1 .btn em{font-style: normal;}
.page-8-1 #con_lo_02{width:90%;position:absolute;top:7.8rem;left:5%;}
.page-8-1 #con_lo_02 #tab_menu{}
.page-8-1 #con_lo_02 #tab_menu dl{ position: relative;width:85%;height:5rem;margin-bottom:0; margin: 0; border-bottom:#e7e7e8 solid 1px; text-align: left; line-height: 1.1rem; padding:0rem 0.4rem 0rem 2rem;cursor: pointer; }

.page-8-1 #con_lo_02 #tab_menu dl span{ display: block; position: absolute; left: 0; top:100%; width: 0.8rem; height: 0.8rem; margin: -0.5em 0 0 0; border: #ff3366 solid 2px; border-radius: 0.8rem; }
.page-8-1 #con_lo_02 #tab_menu dl span.active{ background: #ff3366 }

.page-8-1 #con_lo_02 #tab_menu dl h2{ padding: 0; width:100%;height: 1.5rem;line-height: 1.5rem; font-size: 0.9rem;  color: #1d1d26; font-weight: normal;font-family: "微软雅黑",'HelveticaNeue',sans-serif;   }
.page-8-1 #con_lo_02 #tab_menu dl p{ padding: 0; width:100%;height:3rem;line-height:1rem; font-size: 0.7rem; color: #909090;font-family: "微软雅黑",'HelveticaNeue',sans-serif;   }



.btn_buy{position:absolute; bottom:0; left: 0; width:100%; height:2.5rem; text-align: center; color: #fff; line-height: 2.5rem; font-size: 1.2rem; background:#eb2728 ; cursor: pointer;}


@media screen and (min-width:360px) and (max-width:639px){

.page-8-1 #con_lo_02 #tab_menu{ }
.page-8-1 #con_lo_02 #tab_menu dl{ padding:0rem 0.4rem 0rem 2rem; line-height: 1.2rem;  }
.page-8-1 #con_lo_02 #tab_menu dl.on{border-bottom:1px solid #ff3366;}
.page-8-1 #con_lo_02 #tab_menu dl h2{ font-size: 1rem;font-family: "微软雅黑",'HelveticaNeue',sans-serif;   }
.page-8-1 #con_lo_02 #tab_menu dl p{ font-size: 0.8rem; font-family: "微软雅黑",'HelveticaNeue',sans-serif;  }      